import type { MenuProps } from 'antd';
import { Menu } from 'antd';
import React from 'react';

import styles from './header-menu.module.css';

type MenuItem = Required<MenuProps>['items'][number];

const menuItems: MenuItem[] = [
  {
    label: '旅游首页',
    key: '1'
  },
  {
    label: '周末游',
    key: '2'
  },
  {
    label: '跟团游',
    key: '3'
  },
  {
    label: '周末游',
    key: '4'
  },
  {
    label: '跟团游',
    key: '5'
  },
  {
    label: '自由行',
    key: '6'
  },
  {
    label: '私家团',
    key: '7'
  },
  {
    label: '邮轮',
    key: '8'
  },
  {
    label: '酒店+景点',
    key: '9'
  },
  {
    label: '当地玩乐',
    key: '11'
  },
  {
    label: '主题游',
    key: '12'
  },
  {
    label: '定制游',
    key: '13'
  },
  {
    label: '游学',
    key: '14'
  },
  {
    label: '签证',
    key: '15'
  },
  {
    label: '企业游',
    key: '16'
  },
  {
    label: '高端游',
    key: '17'
  },
  {
    label: '爱玩户外',
    key: '18'
  },
  {
    label: '保险',
    key: '19'
  }
];

export const HeaderMenu: React.FC = () => {
  return <Menu mode="horizontal" className={styles['main-menu']} items={menuItems} />;
};
